<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="revFn">逆转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "胡文 帅",
    };
  },
  methods: {
    revFn() {
      // 1.将msg转换为数组 split()切割
      let arr = this.msg.split("");
      // console.log(arr);
      // 2.调用数组的reverse()方法进行翻转
      arr.reverse();
      // 3.再次将数组转成字符串,join()
      // 4.将拼接后的字符串赋值给msg 
      this.msg = arr.join("");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>